.layout {
  .tree-map {
    width: 100%;
    height: 280px;
    padding: 1px;

    :global {
      .amap-ui-control-zoom {
        transform: scale(0.8);
      }
    }

  }

  .treeAdoptionList {
    padding: 0 15px;

    .item {
      .description {
        font-size: 10px;

        > span {
          display: block;
        }

        span:first-child {
          color: black;
        }

        span:nth-child(2) {
          margin-top: 3px;
        }

      }

    }
  }

  .park-map-marker-animation {

    animation: rotate .6s linear 2;

    @keyframes rotate {
      0%, 100% {
        transform: translate(-18px, -32px);
      }
      25% {
        transform: translate(-18px, -48px);
      }
      50% {
        transform: translate(-18px, -70px) scale(1.1, 0.9);
      }
      75% {
        transform: translate(-18px, -48px);
      }

    }
  }

  .park-point-info-window {
    background-color: rgba(255, 255, 255, 0.5);
    padding-bottom: 2px;
    width: 100px;
    height: 150px;

    .infoWindow {
      text-align: center;

      .foot {
        width: 50px;
        font-size: 12px;
        border-radius: 3px;
        border: none;
        background-color: #39a9ed;
      }
    }

    > div:nth-child(2) {
      text-align: center;
      font-size: 14px;
      font-weight: bold;
      margin: 1px 0;
    }

    img {
      width: 100px;
      height: 100px;
    }
  }

}
